<!--  -->
<template>
  <div class="header">
    <div class="header_arrow" @click="$router.back(-1)">
        <van-icon name="arrow-left" />
    </div>
    <div class="header_title">
        <span class="header_title_text">{{title}}</span>
    </div>
    <!-- <div class="header_dot">
        <a href="javascript:;">...</a>
    </div> -->
  </div>
</template>

<script>
export default {
    data () {
        return {
        };
    },
    props:{
        title:String
    },
    components: {},

    computed: {},

    methods: {}
}

</script>
<style lang='stylus' scoped>
    @import "../../common/stylus/mixins.styl"
    .header
        bottom-border-1px(#e4e4e4)
        position fixed
        z-index 100
        left 0
        top 0
        width 100%
        height 45px
        line-height 45px
        font-size 20px
        font-weight bolder 
        background #fff
        display flex
        .header_arrow
            margin-left 10px
        .header_title
            margin-left 10px
            .header_title_text
                font-weight bold !import
        .header_dot
            position absolute
            right 10px
            bottom 10px
</style>